<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
    <link rel="stylesheet" th:href="@{/css/pure/pure-min.css}" integrity="sha384-" crossorigin="anonymous" />
    <!--[if lte IE 8]>
        <link rel="stylesheet" th:href="@{/css/pure/grids-responsive-old-ie-min.css}" />
    <![endif]-->
    <!--[if gt IE 8]><!-->
        <link rel="stylesheet" th:href="@{/css/pure/grids-responsive-min.css}" />
    <!--<![endif]-->
        <!--[if lte IE 8]>
            <link rel="stylesheet" th:href="@{/css/pure/layouts/pricing-old-ie.css}" />
        <![endif]-->
        <!--[if gt IE 8]><!-->
            <link rel="stylesheet" th:href="@{/css/pure/layouts/pricing.css}" />
            <link rel="stylesheet" th:href="@{/css/pure/blog.css}" />
        <!--<![endif]-->
</head>
<body>

<div class="pure-menu pure-menu-horizontal">
    <a href="#" class="pure-menu-heading">奔跑的东瓜</a>
    <ul class="pure-menu-list">
        <li class="pure-menu-item  pure-menu-selected"><a href="#" class="pure-menu-link">首页</a></li>
        <li class="pure-menu-item"><a href="#" class="pure-menu-link">博文</a></li>
        <li class="pure-menu-item"><a href="/api/lines" class="pure-menu-link">出行</a></li>
        <li class="pure-menu-item"><a href="/api/tl/list" class="pure-menu-link">记录</a></li>
        <li class="pure-menu-item"><a href="#" class="pure-menu-link">关于</a></li>
    </ul>
</div>

<div class="banner" style="background-size: 100% auto;background-repeat: no-repeat;background-image: url(/img/bg.png);">
    <h1 class="banner-head">
        Just Do IT.<br />
                         每天进步一点点.
    </h1>
</div>

<div id="layout" class="pure-g">
    <div class="content pure-u-1-1">
        <div>
            <!-- A wrapper for all the blog posts -->
            <div class="posts">
                <h1 class="content-subhead">Pinned Post</h1>

                <!-- A single blog post -->
                <section class="post">
                    <header class="post-header">
                        <h2 class="post-title">SpringBoot部署，使用Nginx代理无法找到静态文件</h2>

                        <p class="post-meta">
                            By <a href="#" class="post-author">Huangtd</a> under <a class="post-category post-category-design" href="#">Nginx</a> <a class="post-category post-category-pure" href="#">SpringBoot</a>
                        </p>
                    </header>

                    <div class="post-description">
                        <p>
                            最近使用springboot搭建了以小项目练习，主要功能去抓取广州地铁每条线站点数据，并保存到mysql数据库，使用purecss响应式Web工程。在部署时，使用Nginx作为反向代理。部署成功后，访问站点，结果无法找到静态文件，导致样式失效。
                        </p>
                    </div>
                </section>
            </div>
            <div class="posts">
                <h1 class="content-subhead">Recent Posts</h1>

                <section class="post">
                    <header class="post-header">
                        <h2 class="post-title">SpringBoot使用Thymeleaf模板</h2>

                        <p class="post-meta">
                            By <a class="post-author" href="#">Huangtd</a> under <a class="post-category post-category-js" href="#">Thymeleaf</a>
                        </p>
                    </header>

                    <div class="post-description">
                        <p>
                            最初打算项目不使用前后端分离技术，前端使用vuejs，后端通过springboot提供REST接口供端查询数据，经过一番折腾，发现vuejs更适合使用前后端分离技术方面。最终还是回归传统的前后端不分离技术方案，前端改回springboot推荐的thymeleaf。
                        </p>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>

<div class="footer l-box">
    <p>
        Power design by huangtd.Using Prue Css.
    </p>
</div>



</body>
</html>
